<template>
	<view class="mc-flex-vcenter">
		<image :src="item.photo" mode="aspectFill" style="width: 80rpx;height: 80rpx;" class="border-radius mc-flex-none"></image>
		<view class="mc-flex-auto ml10">
			<view class="mc-f14">{{item.nickName}}</view>
			<view class="mc-f12 mc-gray">感情好，一刀闷</view>
		</view>
		<view class="mc-flex-none mc-red mc-f14">砍掉{{item.price}}{{item.unit||'点券'}}</view>
	</view>
</template>

<script>
/**
 *  简单封装了下， 应用范围比较狭窄，可以在此基础上进行扩展使用
 *  比如加入image， iconSize可控等
 */
export default {
  name: 'bargain-list-item',
  data() {
    return {};
  },
  props: {
    item: {
      type: Object,
      default: null
    },
  },
  methods: {}
};
</script>

<style lang='scss' scoped>
</style>
